@charset "utf-8";

@media screen and (min-width: 414px) {
    html,body {
        font-size: 18px;
    }
}
@media screen and (min-width:381px) and (max-width:414px) {
    html,body {
        font-size: 16px;
    }
}
@media screen and (min-width:351px) and (max-width:380px) {
    html,body {
        font-size: 15px;
    }
}           
@media screen and (min-width:320px) and (max-width:350px) {
    html,body {
        font-size: 13px;
    }
}
@media screen and (max-width:319px) {
    html,body {
        font-size: 6px;
    }
}

::-webkit-input-placeholder { 
    color:#bbb;
}
:-moz-placeholder { 
    color:#bbb;
}
::-moz-placeholder { 
    color:#bbb;
}
:-ms-input-placeholder { 
    color:#bbb;
}
input[type=subimt],input[type=button]{
    -webkit-appearance: none;
}
body,html{
    height: 100%;
	background: #FFFFFF;
}
body,html,div,ul,li,p,b,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
ul li{
	list-style: none;
}
img{
	display: block;
}
a{
	text-decoration: none;
	color: #000000;
}
input{
	border: none;
	outline: none;
}
body {
    color: #333333;
    font-family: "Arial","microsoft yahei";
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.clearfix:after {
   display:block;
   clear:both;
   content:"";
   visibility:hidden;
   height:0
}
.border:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform-orign: 0 0;
    -webkit-transform-orign: 0 0;
}
#box>p{
	font-size: 0.8rem;
}
